/**
 * Created by 61919 on 2016/9/2.
 */
$(function () {
    var messages = [
        {"id": 1, "content": "从早上10点到下午6点,感谢化妆师杨杨~摄影师丹丹~助理姐姐~一天辛苦了。。。"},
        {"id": 2, "content": "忙忙碌碌一整天，终于可以休息了。三毛摄影果然贴心又细致。"},
        {"id": 3, "content": "三毛拍照花絮，如摄影师丹丹言桃花真的俗气，但是我一点都不讨厌"},
        {"id": 4, "content": "这是我吗？三毛摄影工作室太棒了安平同学把我画美美哒，其龙同志把我照得靓靓达！"},
        {"id": 5, "content": "感谢化妆师玲子摄影师阿陈，愉快的一天，大家辛苦了，三毛摄影"},
        {"id": 6, "content": "今天累坏了从早忙到现在都还没有结束，感谢马赞哥，妹子，灯光师，辛苦大家了！"},
        {"id": 7, "content": "辛苦的一天。。。不过要特别感谢三毛的亲们，把我化的美美的小冉美女"},
        {"id": 8, "content": "今天又完成一件大事情，感谢三毛摄影的工作人员热情服务，你们都辛苦了"},
        {"id": 9, "content": "今天拍摄外景，烈日下让人抓狂，不过跟感谢三毛摄影的化妆师及摄影师，谢谢你们这么用心的付出"},
        {"id": 10, "content": "人生第一次婚纱照交代给三毛摄影了。摄影师丹丹要求严格，非常注意细节，化妆师YOYO不厌其烦的化妆补妆！"},
        {"id": 11, "content": "终于等到你！一个对月时间终于拿到了！谢谢很给力的三毛摄影团队，特别是星星老师！"},
        {"id": 12, "content": "选择在三毛确实是没有后悔。化妆师小冉技术超好，能把我这个大饼脸化成瓜子脸。"},
        {"id": 13, "content": "先上几张未经过P的原片。越看越觉得像一朵鲜花插在那什么上，同一点赞哈"},
        {"id": 14, "content": "累疯了，十分感谢三毛摄影的化妆师亚玲美女。对人超级好，还有摄影师帅哥，耐心好到爆"},
        {"id": 15, "content": "6.5三毛摄影，虽然很累，三很快乐。谢谢猴子化妆师的“神来之笔”、谢谢阿秋摄影师的魔力手"},
        {"id": 16, "content": "累瘫了，经历多少坎坷，总算是圆满成功，感谢三毛摄影的亲们，琴琴，元元美女"},
        {"id": 17, "content": "还没结婚就再想，我要是结婚我一定选择三毛摄影！因为太喜欢他们的风格了。"},
        {"id": 18, "content": "终于完了，累死我了，感谢三毛摄影的化妆师星星给我挣了个高大上的妆"},
        {"id": 19, "content": "都是我喜欢的感觉，来自三毛"},
        {"id": 20, "content": "虽然这一天很累 但是拍摄很轻松。非常感谢三毛摄影的化妆师艾米和摄影师阿成那么细心"},
        {"id": 1, "content": "从早上10点到下午6点,感谢化妆师杨杨~摄影师丹丹~助理姐姐~一天辛苦了。。。"},
        {"id": 2, "content": "忙忙碌碌一整天，终于可以休息了。三毛摄影果然贴心又细致。"},
        {"id": 3, "content": "三毛拍照花絮，如摄影师丹丹言桃花真的俗气，但是我一点都不讨厌"},
        {"id": 4, "content": "这是我吗？三毛摄影工作室太棒了安平同学把我画美美哒，其龙同志把我照得靓靓达！"},
        {"id": 5, "content": "感谢化妆师玲子摄影师阿陈，愉快的一天，大家辛苦了，三毛摄影"},
        {"id": 6, "content": "今天累坏了从早忙到现在都还没有结束，感谢马赞哥，妹子，灯光师，辛苦大家了！"},
        {"id": 7, "content": "辛苦的一天。。。不过要特别感谢三毛的亲们，把我化的美美的小冉美女"},
        {"id": 8, "content": "今天又完成一件大事情，感谢三毛摄影的工作人员热情服务，你们都辛苦了"},
        {"id": 9, "content": "今天拍摄外景，烈日下让人抓狂，不过跟感谢三毛摄影的化妆师及摄影师，谢谢你们这么用心的付出"},
        {"id": 10, "content": "人生第一次婚纱照交代给三毛摄影了。摄影师丹丹要求严格，非常注意细节，化妆师YOYO不厌其烦的化妆补妆！"},
        {"id": 11, "content": "终于等到你！一个对月时间终于拿到了！谢谢很给力的三毛摄影团队，特别是星星老师！"},
        {"id": 12, "content": "选择在三毛确实是没有后悔。化妆师小冉技术超好，能把我这个大饼脸化成瓜子脸。"},
        {"id": 13, "content": "先上几张未经过P的原片。越看越觉得像一朵鲜花插在那什么上，同一点赞哈"},
        {"id": 14, "content": "累疯了，十分感谢三毛摄影的化妆师亚玲美女。对人超级好，还有摄影师帅哥，耐心好到爆"},
        {"id": 15, "content": "6.5三毛摄影，虽然很累，三很快乐。谢谢猴子化妆师的“神来之笔”、谢谢阿秋摄影师的魔力手"},
        {"id": 16, "content": "累瘫了，经历多少坎坷，总算是圆满成功，感谢三毛摄影的亲们，琴琴，元元美女"},
        {"id": 17, "content": "还没结婚就再想，我要是结婚我一定选择三毛摄影！因为太喜欢他们的风格了。"},
        {"id": 18, "content": "终于完了，累死我了，感谢三毛摄影的化妆师星星给我挣了个高大上的妆"},
        {"id": 19, "content": "都是我喜欢的感觉，来自三毛"},
        {"id": 20, "content": "虽然这一天很累 但是拍摄很轻松。非常感谢三毛摄影的化妆师艾米和摄影师阿成那么细心"},
        {"id": 1, "content": "从早上10点到下午6点,感谢化妆师杨杨~摄影师丹丹~助理姐姐~一天辛苦了。。。"},
        {"id": 2, "content": "忙忙碌碌一整天，终于可以休息了。三毛摄影果然贴心又细致。"},
        {"id": 3, "content": "三毛拍照花絮，如摄影师丹丹言桃花真的俗气，但是我一点都不讨厌"},
        {"id": 4, "content": "这是我吗？三毛摄影工作室太棒了安平同学把我画美美哒，其龙同志把我照得靓靓达！"},
        {"id": 5, "content": "感谢化妆师玲子摄影师阿陈，愉快的一天，大家辛苦了，三毛摄影"},
        {"id": 6, "content": "今天累坏了从早忙到现在都还没有结束，感谢马赞哥，妹子，灯光师，辛苦大家了！"},
        {"id": 7, "content": "辛苦的一天。。。不过要特别感谢三毛的亲们，把我化的美美的小冉美女"},
        {"id": 8, "content": "今天又完成一件大事情，感谢三毛摄影的工作人员热情服务，你们都辛苦了"},
        {"id": 9, "content": "今天拍摄外景，烈日下让人抓狂，不过跟感谢三毛摄影的化妆师及摄影师，谢谢你们这么用心的付出"},
        {"id": 10, "content": "人生第一次婚纱照交代给三毛摄影了。摄影师丹丹要求严格，非常注意细节，化妆师YOYO不厌其烦的化妆补妆！"},
    ];

    for (var i = 0; i < messages.length; i++) {
        var msg = messages[i];
        var $li = $("<li></li>");
        if(i< messages.length/5){
            $(".HighPraise .moreOne ul").append($li);
        }else if(i< messages.length/5*2){
            $(".HighPraise .moreTwo ul").append($li);
        }else if(i< messages.length/5*3){
            $(".HighPraise .moreThree ul").append($li);
        }else if(i< messages.length/5*4){
            $(".HighPraise .moreFour ul").append($li);
        }else{
            $(".HighPraise .moreFive ul").append($li);
        }
        var str = '<a href="../images/' + msg.id + '.jpg" rel="pic01">' +
            '<ins> ' +
            '<img alt="' + msg.content + '"  src="images/' + msg.id + '.jpg" width="68" height="68"> ' +
            '<tt></tt>' +
            '</ins>' +
            '<span>' +
            '<cite>' + msg.content + '</cite>' +
            '</span>' +
            '</a> ';
        $li.html(str);
    }

    $(".HighPraise .more").mouseenter(function () {
        $(this).siblings().stop().animate({"width":110},1000);
        $(this).stop().animate({"width":740},1000);
        zd($(this).find("i").children("img"));

    })


    //$(".HighPraise .biaoti i img").mouseenter(function(){
    //    $(this).zd($(".HighPraise .biaoti i img"));
    //    $(this).parent().parent().parent().parent().siblings().children("i").children("img")
    //})

    function zd(obj) {
        var a = ['top', 'left'], b = 0;
        var u = null;
        u = setInterval(function () {
            var attr = a[b % 2];
            var target = (b++) % 4 < 2 ? 0 : 5;     //轮流执行0-5的修改，4次一圈，如果赠长时间，可以修改停止条件
            console.log(attr + "|" + target);
            obj.css(attr, target);
            if (b > 15) {
                clearInterval(u);
                b = 0
            }
        }, 32)
    }

    $(window).scroll(function (){
        var scrollTop = $(document).scrollTop();
        var clientHeirht = $(window).height();
        $(".contact li").each(function (){
            var top=$(".contact").offset().top;
            if(scrollTop >= top - clientHeirht / 4 * 3){
                $(".contact li").stop().animate({left:0},400)
            }else{}
        })
    })
    //当页面滑动到contact时  让图片从两边进来

    //底部contact图片  鼠标移入让图片向上走一段距离
    $(".contact ul li").mouseenter(function (){
        $(this).stop().animate({
            top:"-10px",
            opacity:1
        },200)
    })
    $(".contact ul li").mouseleave(function (){
        $(this).stop().animate({
            top:"0px",
            opacity:0.5
        },200)
    })
})